/* 内边距、外边距 */
.pam(100);
.pam(@n, @i: 0) when (@i =< @n) {
  .pl-@{i} {
    padding-left: 0px + @i;
  }
  .pr-@{i} {
    padding-right: 0px + @i;
  }
  .pt-@{i} {
    padding-top: 0px + @i;
  }
  .pb-@{i} {
    padding-bottom: 0px + @i;
  }
  .plr-@{i} {
    padding: 0 0px + @i;
  }
  .ptb-@{i} {
    padding: 0px + @i 0;
  }
  .p-@{i} {
    padding: 0px + @i;
  }
  .ml-@{i} {
    margin-left: 0px + @i;
  }
  .mr-@{i} {
    margin-right: 0px + @i;
  }
  .mt-@{i} {
    margin-top: 0px + @i;
  }
  .mb-@{i} {
    margin-bottom: 0px + @i;
  }
  .mtb-@{i} {
    margin: 0px + @i 0;
  }
  .mlr-@{i} {
    margin: 0 0px + @i;
  }
  .m-@{i} {
    margin: 0px + @i;
  }
  .pam(@n, (@i+1));
}

/* 字体 */
.fs(100);
.fs(@n, @i: 2) when (@i =< @n) {
  .f-@{i} {
    font-size: 0px + @i;
  }
  .fs(@n, (@i+1));
}

/* 圆角 */
.br(100);
.br(@n, @i: 0) when (@i =< @n) {
  .br-@{i} {
    border-radius: 0px + @i;
  }
  .br(@n, (@i+1));
}

/* 行间距 */
.lh(100);
.lh(@n, @i: 0) when (@i =< @n) {
  .lin-@{i} {
    line-height: 0px + @i;
  }
  .lh(@n, (@i+1));
}

.fz-0 {
  font-size: 0;
}

/* 弹性布局 */
.flex {
  display: flex;
}
.in-flex {
  display: inline-flex;
}
.a-c {
  align-items: center;
}
.a-s {
  align-items: flex-start;
}
.a-e {
  align-items: flex-end;
}
.j-c {
  justify-content: center;
}
.j-sb {
  justify-content: space-between;
}
.j-s {
  justify-content: flex-start;
}
.j-e {
  justify-content: flex-end;
}
.j-sa {
  justify-content: space-around;
}
.f-w {
  flex-wrap: wrap;
}
.f-1 {
  flex: 1;
}

/* 文本对齐 */
.t-c {
  text-align: center;
}
.t-l {
  text-align: left;
}
.t-r {
  text-align: right;
}
.t-j {
  text-align: justify;
}
.b-w {
  word-wrap: break-word;
}
.l-b {
  line-break: anywhere;
}

/* 文本超出省略号 */
.o-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.o-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.o-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

/* 文字效果 - 加粗 */
.bold {
  font-weight: bold;
}
/* 文字效果 - 下划线 */
.text-u {
  text-decoration: underline;
}
/* 文字效果 - 删除线 */
.text-l {
  text-decoration: line-through;
}
// 自动换行
.w-s{
  white-space: normal;
}

/* 字体 */
.ff-black {
  font-family: "AlibabaSans-Black" !important;
}
.ff-bold {
  font-family: "AlibabaSans-Bold" !important;
}
.ff-bi {
  font-family: "AlibabaSans-BoldItalic" !important;
}
.ff-italic {
  font-family: "AlibabaSans-Italic" !important;
}
.ff-regular {
  font-family: "AlibabaSans-Regular" !important;
}

/* 定位 */
.pos-r {
  position: relative;
}
.pos-a {
  position: absolute;
}

.c-p {
  cursor: pointer;
}

/* 背景色 */
.bg-fff {
  background: #fff;
}
.bg-f1f {
  background: #f1f1f1;
}
.bg-faf {
  background: #fafafa;
}
.bg-ff1 {
  background: #ff186b;
}
.bg-6e7 {
  background: #fff6e7;
}
.bg-222 {
  background: #222;
}
.bg-222222 {
  background: #222222;
}
.bg-f5f {
  background: #f5f5f5;
}
.bg-e2e {
  background: #e2e2e2;
}
/* 文字颜色 */
.col-1e1 {
  color: #1e1714;
}
.col-ff1 {
  color: #ff186b;
}
.col-767 {
  color: #767b93;
}
.col-888 {
  color: #888;
}
.col-222 {
  color: #222;
}
.col-333 {
  color: #333;
}
.col-ffb {
  color: #ffb618;
}
.col-fff {
  color: #fff;
}
.col-560 {
  color: #560c27;
}
.col-d47 {
  color: #d47208;
}
.col-351 {
  color: #351d08;
}
.col-d8d {
  color: #d8d8d8;
}
.col-888888{
	color: #888888;
}